﻿@charset "utf-8";



/*===============================================技术支持：凡高网络 银灵子================================================*/



body{  min-width: 1240px; margin:0 auto; position: relative;   }



.j_body{ position: relative;}



.main_box{ margin:0 auto; width:1200px; position:relative;}



.main_box_small{ margin:0 auto; width:1115px; position:relative;}



/*===============================================header================================================*/

#header{ position:relative;  background:#fff; width:100%;    z-index:999;}

#header .main_box{ position:relative;}

#header .left{ display:table; padding-top:30px; }

#header .left a { display:table-cell; vertical-align:middle;}

#header .top_tel{   position:absolute; top:42px; right: 0px;}

#header .top_tel span{ background:url(../images/icon_top_tel.png) 0px center no-repeat; font-size:14px; display: block; font-size: 16px; color: #454443; height:20px; line-height:20px;  padding-left:18px; }

#header .top_tel strong{ font-size:28px; font-weight:bold; color:#474847; display: block;}

#header .link_box{ right:0px; top:54px; position:absolute;}

#header .link_box a{  position:relative;   color:#a4a4a7; font-size:14px; height:16px; line-height:14px;}
#header .sou{position:absolute; top:50px; right: 220px; border:1px solid #CCC;}
.ginp{ width:150px; float:left; line-height:30px; border:0px;}
/*=================导航=================*/

.nav{  padding-top:25px;}

.nav ul{ margin-right: -10px;}

.nav li { display:block; position:relative;  background:url(../images/line_nav_li.png) left center no-repeat; width:150px; float:left;}

.nav li.first{background:none; }

.nav li .a{ display:block;text-align:center;  height: 50px; line-height:50px;}

.nav li .a i{ position:absolute; bottom:0; left:-1px; z-index:1; display:block; width:150px; height:0; background:url(../images/bg_nav.png) left bottom no-repeat;}

.nav li .a strong{ display:block; position:relative; z-index:3; text-align:center;  height: 50px; line-height:50px; font-size:16px; color:#272729;  font-weight:bold;}

.nav li:hover .a strong{  color:#fff;  }

.nav li:hover .a:hover i{ height:50px; } 

.nav li:last-child{ background:none !important;}

.nav .on .a strong{ color:#fff;  }

.nav .on .a i{ height:50px; } 

.nav ul li .list{background:url(../images/bg_nav.png) left top no-repeat; top: 0; left:-1px; z-index:2; display:none; width:150px; position:absolute;  font-size:15px; padding-top: 50px;}

.nav ul li .list .box{background:#50AF48;}

.nav ul li .list a{height:30px;  text-align:center; display:block; line-height:30px; color:#fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.nav ul li .list a:hover{ color:#50AF48; background:#fff;}





/*================= banne===================*/

#banner{ position:relative; height:500px; overflow: hidden; }

#banner .bd { position:relative;}

#banner .bd a{ display:block; width:100%; height: 500px; overflow: hidden; }

#banner .hd{  margin:0 auto; position:absolute; width:100%; top: 0px;}

#banner .hd ul{ margin:0 auto;   z-index:9; width:1100px; display:inherit;   position:relative;  }

#banner .hd ul li{ display:inline-block; padding-top:13px;}

#banner .hd ul li a{  border-radius:50%;  height:6px; width:6px; margin:0 3px; display:block; background:#b92e32;  }

#banner .hd ul li a:hover{ background:#fff;  }

#banner .hd ul .on a{  background:#fff;  }

#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-22px;}

#banner  .bnt:hover{ }

#banner .main_box{ position:relative; height:500px;}

#banner .prev{ position:absolute; left:-54px; }

#banner .next{ position:absolute; right:-54px; }



/*==========================================首页=============================================*/

.s_main_box{ margin:45px auto; }

.s_title{ position:relative; margin-bottom:30px;}

.s_title h1{ display:block;}

.s_title strong{  font-size:22px; padding-right:10px; color:#50AF48; font-weight:bold; text-transform:uppercase;}

.s_title span{ font-size:16px; color:#303032;  font-weight:bold; }

.s_title .more{ position:absolute; right:0; font-size:14px; color:#7c7d7f; top:0; line-height:24px;}

.s_title .more:hover{ color:#19427d;}



/*================= 首页产品===================*/

#s_pro .n_right{ height:540px; overflow:hidden;}

#s_pro .left{ }

#s_pro .left { width:230px; float:left; border:1px solid #e9e9ec;  overflow:hidden;}

#s_pro .left .title{ height:90px; padding-left:63px; background:url(../images/icon_sub_nav.png) 20px center no-repeat #19427d;}

#s_pro .left .title strong{ display:block; color:#fff; font-size:14px; text-transform: uppercase;}

#s_pro .left .title span{ display:block; color:#fff; font-size:15px; font-weight: 700;  padding-top: 27px;} 

#s_pro .left .content{ padding: 20px 0px;}

#s_pro .left  a{ padding-left: 30px; display:block;  height:35px;   background:url(../images/bg_sub_li.png) 20px center no-repeat; }

#s_pro .left  a strong{ width:175px; margin:0 auto; display:block; position:relative; font-size:15px; color:#4f4f50; line-height:36px; height:36px; overflow:hidden;}

#s_pro .left  a:hover { background:url(../images/bg_sub_li_hover.png)  23px center  no-repeat;}

#s_pro .left  a:hover strong{  color: #19427d; }

 



 

#s_pro_list{ margin-top: -15px; width:930px; }

#s_pro_list ul{ margin:0px -10px; overflow: hidden;}

#s_pro_list li{ float:left; position:relative;  width:217px; height: 200px; background: #e4e6e9;   overflow:hidden; display:block; margin:15px 10px; }

#s_pro_list li a{ display:block;    overflow:hidden;}

#s_pro_list li .pic_box{width:215px; height:160px; overflow: hidden; border:1px solid #d3d3d3; }

#s_pro_list li img{  display:block; width:215px; height:160px; }

#s_pro_list li h1{  display:block; line-height:40px; text-align:center;  font-size:15px; color:#636363;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }

#s_pro_list li:hover h1{  color:#fff; background : #19427d; }

#s_pro_list li:hover .pic_box{ border-bottom: 1px solid #19427d;  }





/*================= 首页关于 ===================*/

#s_about{ margin-top: 50px; }

#s_about .main_box{ position:relative;}

#s_about .left{ width: 685px;}

#s_about .right{ width: 455px; }

#s_about .content{ background:#f7f7f8; padding:40px 0;border-top: 1px solid #eaeaed;  }

#s_about .content .main_box{ background: url(../images/bg_s_about.png) left center no-repeat; height: 244px;}

#s_about .left .pic{ position: absolute; top: 8px; left: 9px; background: #fff;}

#s_about .left .text_box{ padding-left: 365px;}

#s_about .left h1{ color:#50AF48; font-size:18px; padding-top: 10px; display:block;}

#s_about .left  p{ line-height:26px; padding-top:15px; font-size:15px; color:#4f4f51; height: 83px; overflow:hidden; }

#s_about .left .more{ font-size:15px; color:#fff; background:#50AF48; border-radius:3px; height:40px; line-height:40px; text-align:center; display:block; margin-top:25px; width:150px;}

#s_about .left .more:hover{ background:#50AF48;}



/*================= 首页资质 ===================*/ 

#s_honor{} 

#s_honor .s_title2{ padding-top: 13px; position: relative; border: none; height: 30px; margin-bottom: 35px; } 

#s_honor .s_title2 strong{ font-size:22px; color: #50AF48; font-weight: bold;}

#s_honor .s_title2 span{ font-size:18px; color: #505151; text-transform: uppercase;}

#s_honor .hd{ position: absolute; right: 0; top: 20px;}

#s_honor .hd a{ font-size:14px; color:#4c4c4c; background:#e4e6e9;  font-family: "SimSun";  text-transform: uppercase; height:16px; line-height:16px; text-align:center; display: inline-block; margin-left: 6px; width:40px;}

#s_honor .hd a span{ padding-left: 5px; color: #636161;   display: inline-block;}

#s_honor .hd a:hover{ background: #19427d; color: #fff;}

#s_honor .s_title{ height: 32px; margin-bottom: 40px;}

#s_honor ul { margin-right:-35px;}

#s_honor ul li{ display:block; float: left; width: 210px; margin-right: 34px;}
#s_honor ul li .pic_box{width: 210px; background: #fff; padding: 5px;  height: 130px; overflow: hidden;}
#s_honor ul img{ max-width: 210px;height: 130px;margin: 0 auto;display: block;}



 

/*================= 首页新闻 ===================*/

  

#s_news{ padding-top: 50px; border-top: 1px solid #edeff2;}

#s_news .hd{ position: absolute; right: 0; top: 0;}

#s_news .hd a{  font-size:15px; color:#4c4c4c; background:#e4e6e9; border-radius:3px; height:32px; line-height:32px; text-align:center; display: inline-block; margin-left: 20px; width:120px;}

#s_news .hd a span{ padding-left: 5px; color: #636161;  font-family: "SimSun"; text-transform: uppercase; font-size: 14px; display: inline-block;}
#s_news .hd a:hover{background: #50AF48; color: #fff;}
#s_news .hd a:hover{color: #fff;}
#s_news .hd a.on{ background: #19427d; color: #fff;}
#s_news .hd a.on span{ color: #fff;}

#s_news .s_title{ height: 32px;}



#s_news .left{ width: 720px;}

#s_news .right{ width: 435px;}

#s_news .left .content{ overflow: hidden; height: 258px;}

#s_news .left ul{ margin-right: -30px;}

#s_news .left li{ display:block; height: 293px; border-bottom: 2px solid #cbcdcf; position:relative; float:left; width: 220px; margin-right:30px; }

#s_news .left li a{ display:block;}

#s_news .left li a .pic_box{ width:220px; height:165px; overflow:hidden;}

#s_news .left li img{ width:220px; height:165px; display:block; }

#s_news .left li h1{  display:block; font-size:15px; color:#4c4d4e; padding-top: 10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }

#s_news .left li span{ color: #9a9b9d; margin-bottom: 15px; padding-top: 5px; display: block; font-size: 12px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news .left li p{line-height: 18px; height: 36px; font-size: 12px; color: #7e7f80; }

#s_news .left li:hover h1{ color:#19427d;}

#s_news .left li:hover{ border-bottom: 2px solid #50AF48;}



#s_news .right li{}

#s_news .right  ul{  overflow: hidden;  }

#s_news .right  li{ line-height: 34px; position: relative;  padding-left: 18px; background: url(../images/icon_news_li.png) left center no-repeat; display:block; }

#s_news .right  a{ font-size:15px; width: 300px; display: block; color:#424344; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news .right  a:hover{color:#19427d;}

#s_news .right  span{font-size:14px; color:#c9cacb; position:absolute; right:0; top:0; line-height:33px;}  

 

/*==============成功案例====================*/

#s_case{ padding: 50px 0;  }

#s_case .bd{ overflow: hidden;}

#s_case ul { margin-right:-30px;   }

#s_case li{ float:left; width:225px; margin-right: 19px; background: #fff;   display:block;}

#s_case li a{ display:block;    }

#s_case li .pic_box{ width:225px; height:170px; display:table; overflow:hidden;   }

#s_case li img{  width:225px; height:170px; display:block; margin: 0 auto;}

#s_case li h1{  display:block; padding-top: 15px; padding-bottom: 10px; font-size:15px; color:#555555; text-align:center;}

#s_case li:hover h1{ color: #fff; background: #50AF48;  }

#s_case li:hover a{text-decoration:none;}

#s_case  .bnt{ position:absolute;  top:50%; z-index:3; margin-top: -12px;}

#s_case .prev{ position:absolute; left:-54px; }

#s_case .next{ position:absolute; right:-54px; }

  

/*==========================================footer=============================================*/

#footer{position:relative; background: #545556;  }

#footer .up_box{position:relative;padding-top:40px;padding-bottom:40px}

#footer .up_box .main_box{position:relative; background: url(../images/logo_fot.jpg) left center no-repeat;}

#footer .main_box{ position:relative;}



#footer .up_box{  position:relative;   }



#footer .content{ width:520px; padding-left: 75px; height: 130px; margin-left: 310px; border-left: 1px solid #6f7071;} 



#fot_ewm{  display:block; position:absolute; right:0; top:0; height:120px;}



#fot_ewm img{ width: 120px; display:block;}



#fot_ewm span{width: 120px; text-align:center; font-size:14px; color:#757577; line-height:20px; display:block; }



#fot_nav{ display:block; margin-bottom:12px;  } 



#fot_nav a{ display:inline-block; padding-right:30px;  font-size:15px; color:#fff;}



#fot_nav a:hover{ text-decoration:underline;}



 



#fot_tel_box{  color:#fff; margin-top:10px;}

#fot_tel_box a{ display:block; float:right; font-size:15px; width:75px; margin-bottom:20px; background:url(../images/icon_online.png) 20px center no-repeat #e03a3a; color:#fff; height:35px; line-height:35px; padding-left:40px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }

#fot_tel_box a:hover{ border-radius: 18px; }



#fot_tel_box span{ display:block; font-size:15px; text-align:right; margin-bottom:5px;}



#fot_tel_box strong{ font-size:22px; display:block; text-align:right; }



 



#fot_contact{  }

#fot_contact .p{ display:block; font-size:15px; line-height:30px; padding:10px 0 15px;  color: #9c9ca2; }

#fot_contact a{ margin-left:10px; font-size:14px; color: #929293; display:inline-block; padding-left:20px; background:url(../images/icon_add.png) left center no-repeat; }



#fot_contact a:hover{ color:#fff;}



#footer .un_box{ position:relative;border-top:1px solid #6a6b6c;  }

#footer .un_box .main_box{ position: relative;}

#footer .un_box h1{ line-height:65px;color:#fff;opacity:.2;filter:alpha(opacity=20);font-size:14px}



#footer .un_box  a:hover{opacity:1;filter:alpha(opacity=100);}







/*==============================--内页开始==============================-*/



#n_main_box{ margin-bottom:60px; }



#n_content{ min-height:300px; padding:50px 0 0px; }

/*===================内页banner================*/

#n_banner{ display:block; width:100%; height:220px; position: relative; }

 

/*===================内页标题栏================*/

.n_title{  position:relative; padding: 25px 0 0;}



.n_title .main_box{ border-bottom:3px solid #d9d9dd;}



.n_title h1{ padding:0 0 0px 0px; background:url(../images/bg_n_title_small.png) left bottom no-repeat; font-size:22px; color:#50AF48; line-height:40px; }



.n_title h1 span{ font-size:18px; color:#b5b5b7; line-height:40px;  font-family: "Arial"; text-transform:uppercase; padding-left:5px; font-weight:normal; padding-left:5px;}



/*===================面包屑导航================*/

.n_title .position{ position:absolute; right:0; bottom:0; line-height:40px; color:#a8abb1; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}



.n_title .position span,.n_title .position a,.n_title .position i{ font-size:14px; color:#98989a;}



.n_title .position em{ font-size:14px; color:#19427d; font-style:normal;}



.n_title .position a:hover{ color:#50AF48;}

  

/*===================内页结构================*/

.n_content{ margin-top: 38px; min-height:400px; margin-bottom: 50px; }

#n_right{ float: right; width: 930px;}

#n_left{ float: left; width:230px;}



/*===================内页导航================*/

#n_nav{ margin-bottom: 22px;}

#n_nav ul{ border: 1px solid #dadadc; border-top: none;}

#n_nav li{ display: block; }

#n_nav li a{ display: block; height: 48px; position: relative; background: #f3f4f6; border-top: 1px solid #dadadc;}

#n_nav li a strong{ position: relative; z-index: 9; height: 48px; line-height: 48px; color: #535355; font-size: 15px; padding-left: 30px;}

#n_nav li a i{position: absolute; left: 0; top: 0; display:block; background: #50AF48; height: 48px; width: 0;}

#n_nav li a:hover i{ width:100%;}

#n_nav li a:hover strong{ color: #fff;}

#n_nav li.on a i{ width:100%;}

#n_nav li.on a strong{ color: #fff;}



#n_left .ad_box{ margin-top: 15px;}

#n_left .ad_box a { display: block; position: relative;}

#n_left .ad_box img{ width: 230px; display: block;}

#n_left .ad_box .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }

#n_left .ad_box .icon_box::before,#n_left .ad_box  .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

#n_left .ad_box .icon_box::before{border-top: 1px solid rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.7);-webkit-transform: scale(0,1);transform: scale(0,1); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#n_left .ad_box .icon_box::after {border-right: 1px solid rgba(255,255,255,.7);border-left: 1px solid rgba(255,255,255,.7); -webkit-transform: scale(1,0);transform: scale(1,0);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#n_left .ad_box a:hover .icon_box::before,#n_left .ad_box a:hover .icon_box::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

#n_left .contact{}

#n_left .contact img{ display:block; width: 230px;}

#n_left .contact .text{ border: 1px solid #ccc;  padding: 15px 20px; font-size: 14px; line-height: 26px; color: #666;}



/*===荣誉奖项===*/

 

#n_honor{ overflow: hidden;}

#n_honor ul {margin: 0 -23px; }

#n_honor li{ float:left; width:195px;  background: #fff; border-bottom: 1px dotted #a2a2a2; padding: 30px 23px; display:block;}

#n_honor li a{ display:block; }

#n_honor li .pic_box{ width:195px; height:130px; background: #fff; padding: 5px; box-shadow:0 0 5px #aaa;  display:table; overflow:hidden; border:1px solid #e5e8eb; }

#n_honor li .pic_box .box{display:table-cell; vertical-align:middle; }

#n_honor li img{  max-width:195px; margin: 0 auto; height:130px; display:block; }

#n_honor li span{  display:block; padding-top:15px; font-size:15px; color:#3f3e3e; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_honor li:hover .pic_box{   }

#n_honor li:hover a{text-decoration:none;}

#n_honor li:hover span{color:#0152a5; text-decoration:none;  }



/*==============n_content=====================*/

.n_content{ min-height:360px;  }

#n_fc{}

#n_fc{ overflow:hidden; margin-top:10px;}

#n_fc ul { margin:-13px; }

#n_fc li{ display:block; width:260px; float:left; margin:13px; }

#n_fc li a{ display:block; }

#n_fc li img{ width:260px; height:180px;}

#n_fc li h1{ display:block; text-align:center; height:36px; margin-top:10px; font-size:14px; line-height:18px; color:#616064; }

#n_fc li a:hover h1{ color:#19427d}



/*==================产品中心=================*/

#n_pro{ margin-top: -15px;}

#n_pro ul{ margin:0px -10px; overflow: hidden;}

#n_pro li{ float:left; position:relative;  width:217px; height: 200px; background: #e4e6e9;   overflow:hidden; display:block; margin:15px 10px; }

#n_pro li a{ display:block;    overflow:hidden;}

#n_pro li .pic_box{width:215px; height:160px; overflow: hidden; border:1px solid #d3d3d3; }

#n_pro li img{  display:block; width:215px; height:160px; }

#n_pro li h1{  display:block; line-height:40px; text-align:center;  font-size:15px; color:#636363;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }

#n_pro li:hover h1{  color:#fff; background : #50AF48; }

#n_pro li:hover .pic_box{ border-bottom: 1px solid #50AF48;  }



/*===================产品详情===============*/

.n_show_pro .up_box{}

.n_show_pro .up_box h1{  display: block; margin-top: 20px; font-size:16px; color:  #454546; text-align:center; }

.n_show_pro .up_box img{display: block; width:400px; height:335px; border:1px solid #dcdcdc; margin:40px auto;}

.n_show_pro .un_box .title{ border-bottom:1px solid  #3a3a3b; }

.n_show_pro .un_box .title strong{color:#fff; display: block; font-size:15px;  background-color: rgb( 58, 58, 59 ); width: 154px; height: 39px; text-align: center; line-height: 39px;}

.n_show_pro .un_box .article{ padding: 30px 0;}





/*==============新闻中心=====================*/

#n_news{overflow:hidden}

#n_news ul{overflow:hidden; margin-bottom: -30px;}

#n_news li{display:block;padding-bottom: 35px; margin-bottom: 30px; border-bottom:1px dotted #999}

#n_news li .box{padding:0 0 0 95px;position:relative;height:90px}

#n_news li{ display: block; position: relative;}

#n_news li a{display:block;font-size:16px; width: 770px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding-top:8px;color:#323233;margin-bottom:13px}

#n_news li h1 span{color:#7a7a7a; font-size:14px; position: absolute; right: 0; top: 12px;}

#n_news li .info{line-height:22px;font-size:14px;color:#88888e;height:44px; overflow:hidden;}

#n_news li .info span{ color: #19427d;}

#n_news li a:hover{color:#19427d}

 



/*==============新闻详情=====================*/

.n_article {  }

.n_article .ar_title{ padding:10px 0 20px 0; border-bottom:1px dashed #e5e5e5; margin-bottom: 10px;}

.n_article .ar_title h1{ font-size: 16px; display:block; text-align:center; margin-bottom:10px; line-height:30px;   font-weight: bold; color:#444444;}

.n_article .ar_title h2{  font-size:14px;  display:block; text-align:center; color:#888;  }

.n_article .ar_title h2 strong{ color:#b8b7bc;}

.n_article .ar_article{ padding-top:20px;   min-height:400px;}



#ar_fot{ margin-top:10px; position:relative; padding:15px 0; border-bottom:1px dashed #e5e5e5;border-top:1px dashed #e5e5e5;}



#ar_fot h1{ display:block; font-size:14px; line-height:30px; color:#777777; font-weight:bold;}



#ar_fot h1 a{ font-size:14px; color:#777777; font-weight:normal;}



#ar_fot h1 a:hover{ color:#063579;}



#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:15px; height:30px; line-height:30px;}



#ar_fot .bnt_back:hover{ border-radius:3px;}







/*==============分享插件——银灵子=====================*/



.shart_box{ position:absolute; right:-5px; top:28px;}



#j_shart_s_24 .bds_count{ font-size:14px;}



#j_shart_s_24{ padding-left:60px; position:relative;}



#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:14px; color: #a3a0a9;}



##j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}



#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}



#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}



#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}



#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}



#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}



#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}



#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}



#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_count{font-size:12px}



/*=================团队==================*/

#n_team ul{ margin:-15px;}

#n_team li{ display:block; float:left; border:1px solid #dadada; background:#fff; padding:10px; position:relative; margin: 14px; width: 424px;}

#n_team li  .pic_box{ width:150px;   display:block; position:absolute; top: 10px; }

#n_team li  .pic_box img{ width:150px; height:195px;}

#n_team li .text_box{ position:relative; margin-left:170px; height:195px; padding-right: 10px;}

#n_team li  h1 a{ font-size:15px; color:#666666; padding-top:10px; margin-bottom:15px; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_team li   p{font-size:14px; line-height:24px; color:#888; height: 93px;} 

#n_team li span{ position:absolute; right:5px; bottom:10px; color:#b8b8b8; font-size:14px;}

#n_team li  h1 a:hover{color:#19427d;}

#n_team li .more{position:absolute; left:0; bottom:10px; border-radius:3px; height:26px; text-align:center; line-height:26px; font-size:14px; display:block; width:100px;  color:#fff; background:#6a6c6f;}

#n_team li .more:hover{ background:#19427d}

#n_team li:hover{   }



 

/*==============成功案例====================*/

#n_case{  }



#n_case ul { margin:0 -21px -20px -20px;   }



#n_case li{ float:left; width:265px;  margin:0 21px; padding: 8px; margin-bottom: 30px; background: #fff; box-shadow: 0 0 5px #bbb;   display:block;}



#n_case li a{ display:block;    }



#n_case li .pic_box{ width:265px; height:200px; display:table; overflow:hidden;   }



#n_case li img{  width:265px; height:200px; display:block; margin: 0 auto;}



#n_case li h1{  display:block; padding-top: 15px; padding-bottom: 10px; font-size:15px; color:#555555; text-align:center;}



#n_case li:hover h1{ color: #19427d;  }



#n_case li:hover a{text-decoration:none;}



 /*===================产品详情===============*/



#n_product_show .up_box .content{ background:#f4f7f9;}



#n_product_show .up_box #big_pic{ width:430px; height: 320px; overflow: hidden; float:left; border:1px solid #dadbdd;  }

#n_product_show .up_box #big_pic img{ display: block;  width:430px; height: 320px; }

#n_product_show .up_box .title{ display:block; font-size:24px; font-weight: 700; color:#444; margin-bottom:15px;  }



#n_product_show .up_box .text_box{ float:right; padding:28px 0px 0px 0; margin-right: 30px; width: 430px; height: 150px;}



#n_product_show .up_box .text_box .up{  }



#n_product_show .up_box .text_box .ar_article{ height: 150px; overflow: hidden; font-size:15px;  overflow:hidden; line-height:30px; color:#777777;}



#n_product_show .up_box .text_box .ar_article p{ font-size:15px; line-height:30px; color:#777777; overflow:hidden;}





#n_product_show .tel_box{ margin-top: 20px; padding-top: 30px; border-top: 1px solid #cfd1d5;   height:20px; line-height:20px;   }

#n_product_show .tel_box span{font-size: 16px; color: #4a4957; font-weight:bold; padding-left:18px; background:url(../images/icon_tel_pro.png) 0px center no-repeat; height:20px;  }

#n_product_show .tel_box strong{ font-size:27px; font-weight:bold; color:#ee3f3f; }





.n_tab .hd{   height: 40px; line-height: 40px;}



.n_tab .hd a{ font-size: 15px; color: #fff;   float: left;display: block; text-align: center; width: 110px;}



.n_tab .hd a.on{ background: #19427d;}

#n_product_show .un_box .ar_article{ padding: 30px; line-height: 28px; color: #626364; font-size: 12px;}

#n_product_show .un_box{  padding-top:40px;}

#n_product_show .un_box .title{ height:45px;  line-height:45px; background:#eff2f4; border-left:4px solid #00468c;    }

#n_product_show .un_box .title strong{ display:inline-block; padding:0 20px;  color:#4c4d4e; font-size:16px; }

#n_product_show .un_box .title span{ display:inline-block; padding-left:10px; color:#2d95a2; text-transform:uppercase; font-size:14px;  font-family: "Arial";}

#n_product_show .un_box  .content{ border: 1px solid #dde0e4; }





/*==============联系我们=====================*/

#n_contact{ position:relative; width:100%; overflow:hidden; }

#n_contact .up_box {  border: 1px solid #d9dbde; margin-bottom:35px; height: 210px; position:relative;   background: url(../images/bg_contact.png) center top no-repeat;}

#n_contact .up_box .up{ border-bottom:1px dotted  #b3b3b3; padding-top:5px; margin-bottom:20px;}

#n_contact .up_box .title strong{ display:block; color:#51575f; font-size:18px; font-weight:bold; }

#n_contact .up_box .title span{ display:block; color:#51575f; font-size:14px; margin-bottom:15px;}

#n_contact .up_box dd { float: left; display: inherit;  text-align: center; width:  25%; line-height: 24px; padding-top:120px;}

#n_contact .up_box h2{ font-size:15px; display:inline-block; color:#19427d; }

#n_contact .up_box h2 strong{ color: #515254;}

#n_contact .un_box{ margin-top: 30px;}

#n_contact .map{ border:1px solid #dcdcdc;}



#n_contact .ewm_box{ position:absolute; right:0; bottom:40px;  display:block;}

#n_contact .ewm_box .ewm{ display:inline-block; margin-left:25px;} 

#n_contact .ewm_box img{ display:block; width:93px; height:93px; margin:0 auto;}

#n_contact .ewm_box span{ display:block; text-align:center; font-size:14px; color:#828080; padding-top:10px;}

 

/*=================在线留言=====================*/

.n_form{ margin:0 auto} 

.n_form form{  margin-right:-15px; }

.n_form .text{width: 268px;padding:0 15px;height:36px;line-height:36px;background:0 0;border:1px solid #c1c1c1;font-size:13px;color:#b3b3b3;margin: 0 15px 22px 0;float:left}

.n_form textarea{width: 898px; display:block; height:141px;resize:none;margin-bottom:28px;background:0 0;border:1px solid #c1c1c1;padding:10px 15px;font-size:13px;color:#b3b3b3;line-height:20px}

.n_form .text:focus{border:1px solid #89bbe1}

.n_form textarea:focus{border:1px solid #89bbe1}

.n_form .submit{background:#00468c;position:absolute;right:10px;top:0;font-size:14px!important;border:0;border-radius:2px;height:36px!important;color:#fff;line-height:34px!important;width:100px}

.n_form .submit:hover{color:#fff;border-radius:3px}

.yzm_box{font-size:14px;position:relative;padding:0!important;margin-left:0;border:none;margin-top:21px;margin-bottom:20px}

.yzm_box input{font-size:15px;height:36px; float: none!important; color:#666;width:255px;line-height:30px;border:1px solid #d0d0d0;padding-left:10px}

.yzm{position:absolute;left:161px;height:36px;top:0}

.yzm a{position:absolute;color:#adada6;right:-90px;height:36px;line-height:36px;width:80px;top:0}

.yzm_box .submit{position:absolute; right: 15px; top:0}

.radio_section{padding-left:5px;padding-bottom:15px}

.radio_box{position:relative;display:inline-block;margin-right:10px;padding-right:12px}

.radio_box input{filter:alpha(opacity=0);cursor:pointer;opacity:0;width:100%;height:100%;padding-left:0;position:absolute;left:0;top:0}

.radio_box i{display:block;position:absolute;left:0;top:3px;width:15px;height:15px;background:url(../images/icon_dx.png) center no-repeat}

.radio_box i.on{background:url(../images/icon_dx_hover.jpg) center no-repeat}

.radio_box b{padding-left:18px;color:#666;font-size:14px;font-weight:400}





#contact_cart dd{ color: #666; font-size: 13px; line-height: 28px; display: block; padding: 25px 40px; margin-bottom: 15px; border-bottom: 2px solid #19427d; background: #f7f7f9;}



/*==============人才招聘=====================*/



#list_slide{  position:relative;}



#list_slide dl{  overflow:hidden; margin-bottom:30px;  }



#list_slide dt{border:none; padding :30px; background:#f4f6f8; height: 40px;  display:block; position:relative;  cursor:pointer; }



#list_slide dt h1{ color:#51575f; font-size:15px; line-height:30px; height:30px; background:url(../images/icon_arrow_sfq_left.png) right center no-repeat; margin-right:20px; display:block;}



#list_slide dt h1 strong{ display:block; font-size:15px; line-height:15px; margin-top:0px; color:#5c5c5c; height:15px;}



#list_slide dt h1 span{ display:block; font-size:14px;  color:#858585;line-height:15px ; margin-top:10px;  height:15px; text-transform:uppercase;}



#list_slide dt h1 a{ display:block; border-radius:2px; position:absolute; right:30px; top:35px; height:30px; line-height:30px; width:100px; text-align:center; color:#636363; background:#e1e4e5;}



#list_slide dd{ display:none; margin-top:10px;  line-height:24px; background:#f9f9f9; }



#list_slide dd p{ line-height:24px; margin-bottom:0; color:#646b78;  font-size:14px;}



#list_slide dd .content{ padding:20px; padding-bottom:25px;}



#list_slide dt.on a{ background:#19427d;}



#list_slide dt h1 a:hover{ background: #19427d; color: #fff;} 



.page{ padding-top:30px; text-align:center; clear:both;}
/*--通用样式----*/
.sec_right_con_news_list li{ border-bottom:#ccc 1px dotted; background:url(../images/dian.jpg) no-repeat 10px center; text-indent:24px; line-height:50px; }
.sec_right_con_news_list li span{ float:right;}
.sou{ background:none; border:0px; color:#FFFFFF; }

.neititle{font-size:18px; font-weight:bold; line-height:50px;text-align:center;}
.neisj{ line-height:30px; text-align:center;}
.neimiao{ padding:5px; border-bottom:2px solid #CCCCCC; font-size:14px; font-weight:bold;line-height:30px;}
.neitext{ line-height:25px;}

.body3_r2{ padding:10px 0; line-height:200%; color:#333}
.body3_r2 table td{background-color:#fff;height:30px;line-height:30px;padding-left:5px;}
.body3_r2 table td #verifycode{float:left;width:60px;margin-right:7px;}

/*==========相关链接===========*/

#slide_up_box{ position: absolute; right: 125px; top:5px;}

#bnt_link{cursor:pointer; width:220px; margin-top:0px; display:block; height:30px;    background:url(../images/icon_un.png) 200px center no-repeat #fff; }

.icon_un{background:url(../images/icon_up.png) 200px center no-repeat #fff !important;}

#bnt_link a{ color:#3c414c; display:block; padding:0 15px; height:30px; font-size:12px; line-height:30px; background: url(../images/bg_dd.png) 185px top repeat-y;}

#bnt_link i{ font-size:10px; padding-left:5px;}

#content_link{ display:none; z-index:9;  width: 220px; position: absolute; left: 0; bottom: 31px; background:#fff; max-height:300px; overflow:hidden; overflow-y:auto; }

#content_link .box{   background:#fff; padding:5px 0;}

#content_link a{ padding:0 15px; color:#3c414c; border-bottom:1px dotted #eee; line-height:30px; font-size:12px; display:block; }

#content_link a:hover,#bnt_link a:hover{ color:#10578e;}
.link{margin: 0 auto;width: 1200px; position: relative;color:#9c9ca2;}
.link a{ color:#9c9ca2; line-height:35px; margin-right:20px; font-size:14px;}
